<script type="text/javascript" src="view/{$TEMPLATE_NAME_PATH}/js/product.js"></script>

{if $PRODUCT_DETAIL != null}
<div id="title_content">
		<div id="title_txt">
        Product {$PRODUCT_DETAIL->position_product}/{$PRODUCT_DETAIL->total_product} &nbsp; 
		</div>
        
</div>        
<div id="main_content">
	<div id="ajaxResponse" class="ajaxResponse"></div>
    <div id="show_product">
     <table width="100%" cellpadding="5" cellspacing="5">
    	<tr>
        	<td valign="middle" align="center">
            {if $PRODUCT_DETAIL->product_pre!= NULL}
            <a href="?page=product_detail&amp;catid={$smarty.get.catid}&amp;id={$PRODUCT_DETAIL->product_pre}" title="previous product">
                <img src="view/{$TEMPLATE_NAME_PATH}/images/icon_back.gif" id="next"  onmouseover="javascript:this.src='view/{$TEMPLATE_NAME_PATH}/images/icon_back_over.gif'" onmouseout="javascript:this.src='view/{$TEMPLATE_NAME_PATH}/images/icon_back.gif'"/> 
            </a> 
            {else}
            	<img src="view/{$TEMPLATE_NAME_PATH}/images/icon_back.gif" id="next" /> 
            {/if}
            </td>
            <td valign="middle" align="center">
        		<img src="{$PRODUCT_DETAIL->thumb_image}" alt="{$PRODUCT_DETAIL->product_image}"/>
            </td>
            <td valign="middle" align="center">
            {if $PRODUCT_DETAIL->product_next!= NULL}	
                <a href="?page=product_detail&amp;catid={$smarty.get.catid}&amp;id={$PRODUCT_DETAIL->product_next}" title="next product" >
                    <img src="view/{$TEMPLATE_NAME_PATH}/images/icon_next.gif" id="next"  onmouseover="javascript:this.src='view/{$TEMPLATE_NAME_PATH}/images/icon_next_over.gif'" onmouseout="javascript:this.src='view/{$TEMPLATE_NAME_PATH}/images/icon_next.gif'"/> 
                </a>
             {else}
            	<img src="view/{$TEMPLATE_NAME_PATH}/images/icon_next.gif" id="next"/>   
            {/if}    
            </td>    
         </tr>
       </table> 
    </div>
	<div id="content_detail">
        <div class="detail_field">
            <div class="l">{TranslateTag}LABEL_PRODUCT_NAME{/TranslateTag}:</div>
            <div class="r">{$PRODUCT_DETAIL->product_name}</div>
            <div class="clear"></div>
        </div>    
        <div class="detail_field_gray">
            <div class="l">LABEL_PRICE:</div>
            <div class="r">            
            
            {if $PRODUCT_DETAIL->new_price != NULL} 
            	<s>{$PRODUCT_DETAIL->product_price}{$PRODUCT_DETAIL->symbol_left}</s>
                {$PRODUCT_DETAIL->new_price}{$PRODUCT_DETAIL->symbol_left} ({TranslateTag}LABEL_SALE{/TranslateTag} {$PRODUCT_DETAIL->saleoff} % {TranslateTag}LABEL_OFF{/TranslateTag})
            {else}
            	{$PRODUCT_DETAIL->product_price}{$PRODUCT_DETAIL->symbol_left}    
        	{/if} 
            </div>
            <div class="clear"></div>
      	</div>    
        <div class="detail_field_gray">
            <div class="l">{TranslateTag}LABEL_DELIVERY{/TranslateTag}:</div>
            <div class="r">{$PRODUCT_DETAIL->transitdays}&nbsp;day(s)</div>
            <div class="clear"></div>
        </div>
        <div class="detail_field">
            <div class="l">{TranslateTag}LABEL_PRODUCT_DESCRIPTION{/TranslateTag}:</div>
            <div class="r">{$PRODUCT_DETAIL->product_description}</div>
            <div class="clear"></div>
        </div>
        <div class="detail_field_gray">
            <div class="l" style="padding-top:5px">Add to Basket :</div>
            <div class="r">
            <form name="addtobasket" action="?page={$smarty.get.page}" method="post">
                <input type="hidden" name="act" value="addtobasket" />
                {if $PRODUCT_DETAIL->new_price != NULL}
                    <input name="price" id="price" type="hidden" value="{$PRODUCT_DETAIL->new_price}" />
                {else}
                    <input name="price" type="hidden" value="{$PRODUCT_DETAIL->product_price}" />        	
                {/if}
                <input name="product_id" id="product_id" type="hidden" value="{$PRODUCT_DETAIL->product_id}" />
                <input name="quantity" type="text" value="1" size="5" />
                <input name="submit" type="submit" class="btn_addtobasket" value="" />
            </form>
            </div>
            <div class="clear"></div>
        </div>
        <div class="detail_field_gray">
            <div class="l" style="padding-top:5px">{TranslateTag}LABEL_RECOMMEND_TO{/TranslateTag}:</div>
            <div class="r"><input name="recommendToFriend" id="recommendToFriend" type="text" value="friend@email.com" size="25" />
             <input type="button" class="btn_send" name="recommendToFriend" onclick="onRecommendToFriend('?{$smarty.server.QUERY_STRING}','{$PRODUCT_DETAIL->product_id}','recommendToFriend','ajaxResponse')" value="" />
            </div>
        </div>    	
        <div class="clear"></div>
	</div>
</div>	
{else}
Product not found
{/if}
